﻿/*

            This file is part of the mojomo modular front end design framework for mojoPortal CMS; 
            find more at mojomo.co.uk or mojomo.codeplex.com	

Name:       contactform.css

Author:     freshangle.co.uk

Version:    1.0

Purpose:    This css file addressses the mojo contact form and its feature administration pages. 
    
            The contact form can be selected to use a text editor in place of a WYSIWYG editor in user.config
    
    

*/	


/*  basic responsive contact form  */



    /* 	override the forms max width setting... */
	.contactform .normaltextbox, .contactform .widetextbox, 
	.contactform input[type="text"],.contactform input[type="password"] { max-width: 98% }		
	.ie6 .contactform fieldset  { width: 90%;margin: 0 auto }
	    
	.contactform { position: relative}
	.contactform label { display:block}
	.contactform textarea { width: 97% ;resize:vertical; height:12em;margin-bottom:0.75em}

	.contactform input {width: 99%;margin-bottom:0.75em;}
    .ie6 .contactform input {width: 98 !important}	

	.contactform .captcha img {float:right;margin: 0.75em}

	.contactform input[type="submit"] {width: 100%}	
	.ie6 .contactform input {width: 98% !important}
    .ie6 #ctl00_mainContent_ctl00_btnSend {width: 100% !important; margin-bottom:1.5em}
	
	
@media only screen and (min-width: 480px) {	

	.contactform { position: relative;  max-width: 28.5em; margin: 0 auto}

}
